<template>
    <el-breadcrumb separator="/" class="bread">
        <el-breadcrumb-item v-for="(item,index) in navs" :key="index" :to="{ path: item.path }">{{ item.meta.title }}</el-breadcrumb-item>
    </el-breadcrumb>
</template>
<script>

export default {
    name: 'breadcrumb-page',
    computed:{
        navs(){
            let routs = this.$route.matched
            routs[0].path = '/'
            console.log('routs',routs);
            return routs
        }
    }
}
</script>
<style scoped lang="less">
.bread {
    margin-bottom: 15px;
}
</style>
